@(message: String)(implicit request: RequestHeader)
@import helper._
@main("Play with Scala.js",styles=styles,scripts=js) {
<div>
    <h2>Play and Scala.js share a same message</h2>
    <ul>
        <li>Play shouts out: <em>@message</em></li>
        <li>Scala.js shouts out: <em id="scalajsShoutOut"></em></li>
    </ul>

</div>
<div id="bindingDemo" accesskey="">
    @CSRF.formField
    <ul>
        <li><a href="@routes.HomeController.index()"><button>Home</button></a>  @routes.HomeController.index()</li>
        <li><a href="@routes.Application.index()"><button>App index</button></a>  @routes.Application.index()</li>
        <li><a href="@routes.Application.ionic()"><button>App Ionic</button></a>  @routes.Application.ionic()</li>
        <li><a href="@routes.ReactController.index()"><button>React Index</button></a>  @routes.ReactController.index()</li>
    </ul>
</div>

}

@styles = {
<link rel="stylesheet" media="screen" href='@routes.Assets.versioned("semantic/semantic.css")'>
}

@js={
<script type="text/javascript" src='@routes.Assets.versioned("javascripts/jquery-3.2.1.min.js")'></script>
<script type="text/javascript" src='@routes.Assets.versioned("semantic/semantic.js")'></script>
}

